<div class="section-title" ng-click="togglePanel('productInfo',$event);">
    <i class="material-icons close">indeterminate_check_box</i>
    <i class="material-icons open">add_box</i>
    <label class="title-name" ng-bind="'dashboard.productInfo.title' | translate"></label>
    <div class="kmi-can-click"></div>
    <div style="z-index:1;display: flex;padding-right: 2px;">
        <button class="mdl-button mdl-js-button mdl-button--icon kmi-button--icon" ng-click="oepnB0224($event, dashboard.productInfo.flow_chart_url)">
            <i class="material-icons">&#xE85A;</i>
        </button>
        <!-- <button class="mdl-button mdl-js-button mdl-button--icon kmi-button--icon" ng-click="changePanel($event, 'productInfo');">
            <i class="material-icons">&#xE871;</i>
        </button> -->
    </div>
</div>
<div class="section-content perfect-scrollbar " style="margin-top: 10px;">
    <div class="dashboard-fields margin-top-content">
        <label class="label" ng-bind="'dashboard.productInfo.item_code' | translate"></label>
        <label class="value productInfo">{{dashboard.productInfo.item_code}}</label>
    </div>
    <div class="dashboard-fields margin-top-content">
        <label class="label" ng-bind="'dashboard.productInfo.wo_no' | translate"></label>
        <label class="value productInfo" ng-bind="dashboard.productInfo.wo_no"></label>
    </div>
    <div class="dashboard-fields margin-top-content">
        <label class="label" ng-bind="'dashboard.productInfo.plot_no' | translate"></label>
        <label class="value productInfo" ng-bind="dashboard.productInfo.plot_no"></label>
    </div>
    <div class="dashboard-fields margin-top-content">
        <label class="label" ng-bind="'dashboard.productInfo.qty' | translate"></label>
        <label class="value productInfo" ng-bind="dashboard.productInfo.qty"></label>
    </div>
    <div class="dashboard-fields margin-top-content next_op_no">
        <label class="label" ng-bind="'dashboard.productInfo.next_op_no' | translate"></label>
        <i class="material-icons" ng-show="dashboard.productInfo.next_op_no" ng-click="oepnB0222($event, plotItem);" >&#xE88E;</i>
        <label class="value productInfo" ng-bind="dashboard.productInfo.next_op_no"></label>
    </div>
    <div class="dashboard-fields margin-top-content">
        <label class="label" ng-bind="'dashboard.productInfo.reached_rate' | translate" style="width: inherit;"></label>
        <label class="value productInfo" ng-bind="dashboard.productInfo.reached_rate"></label>
    </div>
    <div class="dashboard-fields margin-top-content">
        <label class="label" ng-bind="'dashboard.productInfo.total_qty' | translate" style="width: inherit;"></label>
        <label class="value productInfo" ng-bind="dashboard.productInfo.OutputQty"></label>
    </div>
    <div class="dashboard-fields margin-top-content">
        <label class="label" ng-bind="'dashboard.productInfo.total_good_qty' | translate" style="width: inherit;"></label>
        <label class="value productInfo" ng-bind="dashboard.productInfo.GoodQty"></label>
    </div>
    <div class="dashboard-fields margin-top-content">
        <label class="label" ng-bind="'dashboard.productInfo.total_defect_qty' | translate" style="width: inherit;"></label>
        <label class="value productInfo" ng-bind="dashboard.productInfo.ScrapQty"></label>
    </div>
</div>
